import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import postcsspxtoviewport8plugin from "postcss-px-to-viewport-8-plugin";

// https://vitejs.dev/config/
export default defineConfig({
  base: "/",
  plugins: [
    react()
  ],
  css: {
    postcss: {
      plugins: [
        // @ts-ignore
        postcsspxtoviewport8plugin({
          unitToConvert: "px", //要转换的单位
          viewportWidth: 405, //ui设计稿宽度
          unitPrecision: 5, // 转换后的小数点精度
          propList: ["px"], // 指定要转换的css单位
          viewportUnit: "vw", // 转换后的视口单位
          fontViewportUnit: "vw", // 转换后的字体单位
          selectorBlackList: ["ignore"], // 指定不转换为视口单位的类名
          minPixelValue: 1, // 小于或等于不转换
          mediaQuery: false, // 是否转换媒体查询中的单位
          replace: true, // 是否转换后直接更换属性值
          exclude: [/reset.css/, /node_modules/], // 设置忽略文件
          landscape: false // 是否处理横屏
        })
      ]
    }
  }
});
